<template>
  <div id="front-nav">
    <el-row class="tac">
      <el-col :span="24">
        <br><h3  style="color:#FBF2ED">前台管理</h3><br>
        <el-menu :default-active="changePath" class="el-menu-vertical-demo" router background-color="transparent">
          <el-menu-item index="/frontHome">
            <i class="el-icon-menu"></i>
            <span slot="title">首页</span>
          </el-menu-item>
          <el-menu-item index="/takingOrder/showDishes">
            <i class="el-icon-menu"></i>
            <span slot="title">点菜页面</span>
          </el-menu-item>
          <el-menu-item index="/seats">
            <i class="el-icon-document"></i>
            <span slot="title">餐桌信息</span>
          </el-menu-item>
          <el-menu-item index="/vipInfo">
            <i class="el-icon-setting"></i>
            <span slot="title">会员信息</span>
          </el-menu-item>
<!--          <el-menu-item index="/takingOut">-->
<!--            <i class="el-icon-setting"></i>-->
<!--            <span slot="title">未完成订单</span>-->
<!--          </el-menu-item>-->
        </el-menu>
      </el-col>
    </el-row>
  </div>
</template>


<script>
export default {
  name: "FrontNav",
  computed: {
    changePath: function() {
      return this.$route.path
    }

  }
}

</script>


<style scoped>

</style>